$height: 10rem;
.swiper-component {
    & {
        height: $height;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }
    .swiper-main {
        display: flex;
    }
    img {
        min-height: $height;
        min-width: 100%;
        max-height: $height;
    }
    .bottom {
        & {
            position: absolute;
            left: 0;
            width: 100%;
            text-align: center;
            bottom: .5rem;
        }
    }
    p.title {
        // background: rgba(0, 0, 0, 0.6);
        color: white;
        font-size: 13pt;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 21pt;
        padding: 0 10pt;
        line-height: 21pt;
        // background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6));
        // background-color: rgba(255, 255, 255, 0.3);
        margin-bottom: 4px;
    }
}